<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户注册页面</title>
</head>
<body>

    <form method="post" action="saveUserRegister"  id="saveUserForm">
        昵称:
        <input type="text" name="nickName" /> <br/>
        性别：
        <input type="radio" name="sex" value="F">男 &nbsp;&nbsp; <input type="radio" name="sex" value="M">女 <br/>
        联系方式:
        <input type="text" name="telephone" /><br/>

        密码:
        <input type="password" name="userPassword" /><br/>
        年龄:
        <input type="text" name="age" /><br/>

        个性签名:
        <input type="text" name="personalizedSignature" /><br/>
        爱好:
        <input type="checkbox" name="hobby" value="篮球" />篮球 &nbsp;&nbsp;
        <input type="checkbox" name="hobby" value="足球" />足球  &nbsp;&nbsp;
        <input type="checkbox" name="hobby" value="网球" />网球  <br/>

        职业:
        <input type="text" name="post" /><br/>
        家乡:
        <input type="text" name="hometown" /><br/>
        所在城市:
        <input type="hidden" name="city" id="usercity" /><br/>

        电子邮件:
        <input type="text" name="email" /><br/>

        <input type="submit" value="注册"  />

        <input type="button" value="点击获取地理信息" id="subBtn"/>
       <!-- <button id="saveUserMsg" >点击注册</button>-->
    </form>

</body>
<script type="text/javascript" th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">

    //获取用户ip地理位置信息
    $(function () {
        var ip = returnCitySN.cip;
        /* alert(ip);
         document.write('<hr><br><h1> 老铁位置：' + JSON.stringify(returnCitySN) + '</h1>');*/
        var url = "http://api.map.baidu.com/location/ip?ip="+ip+"&ak=fx0bTQGBFediemwAY5aPZ9LLhcG6qQH2&coor=bd09ll";
        $.ajax({
            url: url,
            type: "get",
            dataType: "jsonp",
            success: function (dt) {
                /*var result = JSON.stringify(da); //json对象转成字符串
                console.log(result.content.address)*/
                console.log(ip);
                console.log(dt);
                console.log(dt.content.address)//湖北省咸宁市
                $("#usercity").val(ip+"#"+dt.content.address);
            }
        })

    });

   /* $(function(){
       //表单序列化
        var serializeUrl =  $("#saveUser").serialize();
        $("#saveUserMsg").click(function(){
            $("#saveUserForm").submit();
        });
    });*/

</script>

</html>